@CHARSET "UTF-8";
/* 样式：单列 */
.component-pinfan .pinfan-list .row1-of1{}
.component-pinfan .pinfan-list .row1-of1 .item{display: flex;margin-bottom: 10px;padding: 8px;}
.component-pinfan .pinfan-list .row1-of1 .item:last-child{margin-bottom: 0;}
.component-pinfan .pinfan-list .row1-of1 .item .img-wrap {width: 100px;height: 100px;}
.component-pinfan .pinfan-list .row1-of1 .item .img-wrap > img{width: 100%;}
.component-pinfan .pinfan-list .row1-of1 .item .content{flex:1;margin-left: 10px;position: relative;display: flex;justify-content: space-between;flex-direction: column;padding: 3px 0;}
.component-pinfan .pinfan-list .row1-of1 .item .content .tag-wrap{display: flex;align-items: center;}
.component-pinfan .pinfan-list .row1-of1 .item .content .tag-wrap > div{height: 15px;line-height: 15px;border: 1px solid;border-radius: 3px;margin-right: 5px;font-size: 12px;}
.component-pinfan .pinfan-list .row1-of1 .item .content .tag-wrap > div i {display: inline-block;width: 15px;height: 15px;font-size: 12px;color: #FFFFFF;text-align: center;margin-right: -3px;}
.component-pinfan .pinfan-list .row1-of1 .item .content .tag-wrap > div span {padding: 0 5px;}
.component-pinfan .pinfan-list .row1-of1 .item .content .price-wrap{display: flex;align-items: flex-end;margin-bottom: 5px;}
.component-pinfan .pinfan-list .row1-of1 .item .content .price-wrap>div:last-of-type{flex: 1;}
.component-pinfan .pinfan-list .row1-of1 .item .content .price-wrap .discount-price{font-size: 0;font-weight: bold;}
.component-pinfan .pinfan-list .row1-of1 .item .content .price-wrap .discount-price .unit{font-size: 12px;}
.component-pinfan .pinfan-list .row1-of1 .item .content .price-wrap .discount-price .price{font-size: 16px;}
.component-pinfan .pinfan-list .row1-of1 .item .content .price-wrap .original-price {font-size: 12px;line-height: 1;text-decoration: line-through;margin: 0 5px;}
.component-pinfan .pinfan-list .row1-of1 .item .content button{height: 45px;line-height: 20px;padding: 0 10px;text-align: center;}
.component-pinfan .pinfan-list .row1-of1 .item .content button .text{display: block;font-size: 12px;}
.component-pinfan .pinfan-list .row1-of1 .item .content button .fan{font-size: 12px;}

/* 样式：横向滑动 */
.component-pinfan .pinfan-list .horizontal-slide{display: flex;margin: 10px;overflow: hidden;}
.component-pinfan .pinfan-list .horizontal-slide .item {width: 97px;}
.component-pinfan .pinfan-list .horizontal-slide .item .img-wrap {width: 97px;height: 97px;overflow: hidden;position: relative;}
.component-pinfan .pinfan-list .horizontal-slide .item .img-wrap > img{width: 100%;}
.component-pinfan .pinfan-list .horizontal-slide .item .content {padding: 5px;}
.component-pinfan .pinfan-list .horizontal-slide .item .content .goods-name{margin-top: 5px;}
.component-pinfan .pinfan-list .horizontal-slide .item .content .num {margin-top: 10px;font-size: 12px;width: 97px;}
.component-pinfan .pinfan-list .horizontal-slide .item .content .num .content-tuan-box {border-radius: 2px;padding: 3px 2px;}
.component-pinfan .pinfan-list .horizontal-slide .item .content .num .content-tuan-price {border-radius: 2px;padding: 2px;border: 1px solid;margin-left: -5px; transform: scale(.5);}
.component-pinfan .pinfan-list .horizontal-slide .item .content .price-wrap{margin-top: 10px;font-weight: bold;font-size: 0;}
.component-pinfan .pinfan-list .horizontal-slide .item .content .price-wrap .unit{font-size: 12px; height: 16px;}
.component-pinfan .pinfan-list .horizontal-slide .item .content .price-wrap .price{font-size: 16px;}